a {text-decoration: none; color: #660066 }

div.title { 
  float: left; margin: 0; padding: 2px;    
  position: absolute;
  background-color: #660066; color: white;
  top: 0; left: 0; width: 99.7%; height: 28px; 
  font-family: Helvetica, sans-serif; 
  font-variant: small-caps; font-size: large;}
    
div.kicker { 
  float: left; margin: 0; padding: 0; padding: 2px;     
  position: absolute;
  background-color: #663399; color: white;
  top: 28px; left: 0; width: 99.7%; height:18px;
  font-family: Helvetica, sans-serif; 
  font-style: italic; font-size: small; }

div.menubutton-up {
  float: right; position: absolute; border-color: #663399;
  padding: 4px 0px 8px 0px; border: solid 4px; 
  background-color: white; color: #660066;
  height: 16px; top: 8px; width: 60px;
  font-family: Helvetica, sans-serif; 
  text-align: center; }
  
div.menubutton-down {
  float: right; position: absolute; border-color: #660066;
  padding: 4px 0px 8px 0px; border: solid 4px; 
  background-color: white; color: #660066;
  height: 16px; top: 8px; width: 60px;
  font-family: Helvetica, sans-serif; 
  text-align: center; }

div.content {
  position: absolute; float: left;
  font-family:  Helvetica, sans-serif; 
  top: 55px; left: 14px; width: 700px; }
  
div.section-header {
  background-color: #E8C9F4; color: black;
  border-top: solid 1px #660066;
  position: relative; float: clear;
  width: 100%; height: 20px; padding: 3px; }

div.inline-hint{
  padding: 0px 10px 2px 5px; color: #663399; }

div.item-number {
  width: 22px; height: 22px; background-color: #663399;
  border: 3px inset #660066; color: white; text-align: center; 
  font-weight: bolder; }
  
div.suggestion {
  padding: 6px;
}

div.question {
  padding: 4px; font-weight: bold; color: #660066; }
  
div.answer {
  padding-bottom: 10px; color: #303030 ; }
